<!DOCTYPE html>
<html>
<head>
    <title>Blue Moon - Responsive Admin Dashboard</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Blue Moon - Responsive Admin Dashboard" />
    <meta name="keywords" content="Notifications, Admin, Dashboard, Bootstrap3, Sass, transform, CSS3, HTML5, Web design, UI Design, Responsive Dashboard, Responsive Admin, Admin Theme, Best Admin UI, Bootstrap Theme, Wrapbootstrap, Bootstrap, bootstrap.gallery" />
    <meta name="author" content="Bootstrap Gallery" />
    <link rel="shortcut icon" href="img/favicon.ico">

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/new.css" rel="stylesheet">
    <link href="css/new2.css" rel="stylesheet">

    <!-- Important. For Theming change primary-color variable in main.css  -->

    <link href="fonts/font-awesome.min.css" rel="stylesheet">

    <!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--CSACASDAAAAAAAAAAA-->

    <script src="layer/jquery.min.js"></script>
    <script src="layer/layer.js"></script>
    <link href="layer/bootstrap.css">

    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<!-- Header Start -->
<header>
    <a href="index.html" class="logo">
        <img src="img/asdasdasdasdasdasdasdasdsds.png" alt="Logo"/>
    </a>
    <div class="pull-right">
        <ul id="mini-nav" class="clearfix">
            <li class="list-box hidden-xs">
                <a href="#" data-toggle="modal" data-target="#modalMd">
                    <span class="text-white">Code</span> <i class="fa fa-code"></i>
                </a>
                <!-- Modal -->
                <div class="modal fade" id="modalMd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel5" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title text-danger" id="myModalLabel5">Coding Style </h4>
                            </div>
                            <div class="modal-body">
                                <img src="img/documentation.png" alt="Esquare Admin">
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="list-box dropdown">
                <a id="drop5" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-film"></i>
                </a>
                <span class="info-label info-bg">9+</span>
                <ul class="dropdown-menu stats-widget clearfix">
                    <li>
                        <h5 class="text-success">$37895</h5>
                        <p>Revenue <span class="text-success">+2%</span></p>
                        <div class="progress progress-mini">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                <span class="sr-only">40% Complete (success)</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <h5 class="text-warning">47,892</h5>
                        <p>Downloads <span class="text-warning">+39%</span></p>
                        <div class="progress progress-mini">
                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                <span class="sr-only">40% Complete (warning)</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <h5 class="text-danger">28214</h5>
                        <p>Uploads <span class="text-danger">-7%</span></p>
                        <div class="progress progress-mini">
                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                <span class="sr-only">40% Complete (danger)</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </li>
            <li class="list-box dropdown">
                <a id="drop5" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="fa fa-calendar"></i>
                </a>
                <span class="info-label success-bg">6</span>
                <ul class="dropdown-menu server-activity">
                    <li>
                        <p><i class="fa fa-flag text-info"></i> Pending request<span class="time">3 hrs</span></p>
                    </li>
                    <li>
                        <p><i class="fa fa-fire text-warning"></i> Server Crashed<span class="time">3mins</span></p>
                    </li>
                    <li>
                        <p><i class="fa fa-user text-success"></i> 3 New users<span class="time">1 min</span></p>
                    </li>
                    <li>
                        <p><i class="fa fa-bell text-danger"></i>9 pending requests<span class="time">5 min</span></p>
                    </li>
                    <li>
                        <p><i class="fa fa-plane text-info"></i> Performance<span class="time">25 min</span></p>
                    </li>
                    <li>
                        <p><i class="fa fa-envelope text-warning"></i>12 new emails<span class="time">25 min</span></p>
                    </li>
                    <li>
                        <p><i class="fa fa-cog icon-spin text-success"></i> Location settings<span class="time">4 hrs</span></p>
                    </li>
                </ul>
            </li>
            <li class="list-box user-profile">
                <a id="drop7" href="#" role="button" class="dropdown-toggle user-avtar" data-toggle="dropdown">
                    <img src="img/user5.png" alt="Bluemoon User">
                </a>
                <ul class="dropdown-menu server-activity">
                    <li>
                        <p><i class="fa fa-cog text-info"></i> Account Settings</p>
                    </li>
                    <li>
                        <p><i class="fa fa-fire text-warning"></i> Payment Details</p>
                    </li>
                    <li>
                        <div class="demo-btn-group clearfix">
                            <a href="#" data-original-title="" title="">
                                <i class="fa fa-facebook fa-lg icon-rounded info-bg"></i>
                            </a>
                            <a href="#" data-original-title="" title="">
                                <i class="fa fa-twitter fa-lg icon-rounded twitter-bg"></i>
                            </a>
                            <a href="#" data-original-title="" title="">
                                <i class="fa fa-linkedin fa-lg icon-rounded linkedin-bg"></i>
                            </a>
                            <a href="#" data-original-title="" title="">
                                <i class="fa fa-pinterest fa-lg icon-rounded danger-bg"></i>
                            </a>
                            <a href="#" data-original-title="" title="">
                                <i class="fa fa-google-plus fa-lg icon-rounded success-bg"></i>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div class="demo-btn-group clearfix">
                            <button href="#" class="btn btn-danger">
                                Logout
                            </button>
                        </div>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</header>
<!-- Header End -->

<!-- Main Container start -->
<div class="dashboard-container">

    <div class="container">
        <!-- Top Nav Start -->
        <div id='cssmenu'>
            <ul>
                <li>
                    <a href='index.html'>
                        <i class="fa fa-dashboard"></i>
                        Dashboard
                    </a>
                </li>
                <li>
                    <a href="forms.html">
                        <i class="fa fa-align-justify"></i>
                        Forms
                    </a>
                </li>
                <li class=''>
                    <a href='#'><i class="fa fa-bar-chart-o"></i>Graphs</a>
                    <ul>
                        <li><a href='flot.html'>Flot Graphs</a></li>
                        <li><a href='graphs.html'>Google Graph</a></li>
                        <li><a href='vector-maps.html'>Vector Maps</a></li>
                    </ul>
                </li>
                <li class=''>
                    <a href='#'><i class="fa fa-flask"></i>UI Elements</a>
                    <ul>
                        <li><a href='ui-elements.html'>UI Elements</a></li>
                        <li><a href='panels.html'>Panels</a></li>
                        <li><a href='notifications.html'>Notifications</a></li>
                        <li><a href='icons.html'>Icons</a></li>
                    </ul>
                </li>
                <li class='active'>
                    <a href='edit-profile.html'><i class="fa fa-dashboard"></i>交易管理</a>
                    <ul>
                        <li><a href='#'>预约推号</a>
                        </li>
                        <li><a href='edit-profile.html'>Edit Profile</a></li>
                        <li><a href='invoice.html'>Invoice</a></li>
                        <li><a href='default.html'>default</a></li>
                        <li><a href='#'>Submenu</a>
                            <ul>
                                <li><a href='#'>Sub Product</a></li>
                                <li><a href='#'>Sub Product</a></li>
                                <li><a href='#'>Sub Product</a></li>
                            </ul>
                        </li>
                        <li><a href='login.html'>Login</a></li>
                        <li><a href='help.html'>Help</a></li>
                        <li><a href='404.html'>404</a></li>
                        <li><a href='500.html'>500</a></li>
                    </ul>
                </li>
                <li class=''>
                    <a href='#'><i class="fa fa-table"></i>Tables</a>
                    <ul>
                        <li><a href='tables.html'>Tables</a></li>
                        <li><a href='pricing.html'>Pricing Plan</a></li>
                        <li><a href='timeline.html'>Timeline</a></li>
                    </ul>
                </li>
                <li>
                    <a href="media.html">
                        <i class="fa fa-picture-o"></i>
                        Media
                    </a>
                </li>
                <li class="hidden-sm">
                    <a href="calendar.html">
                        <i class="fa fa-calendar"></i>
                        Calendar
                    </a>
                </li>
                <li class="hidden-sm">
                    <a href="typography.html">
                        <i class="fa fa-font"></i>
                        Typography
                    </a>
                </li>
            </ul>
        </div>
        <!-- Top Nav End -->

        <!-- Sub Nav End -->
        <div class="sub-nav hidden-sm hidden-xs">
            <ul>
                <li><a href="" class="heading">Extras</a></li>
                <li class="hidden-sm hidden-xs">
                    <a href="edit-profile.html" class="selected">
                        Edit profile
                    </a>
                </li>
                <li class="hidden-sm hidden-xs">
                    <a href="default.html">
                        Default Page
                    </a>
                </li>
                <li class="hidden-sm hidden-xs">
                    <a href="invoice.html">
                        Invoice
                    </a>
                </li>
                <li class="hidden-sm hidden-xs">
                    <a href="help.html">
                        Help
                    </a>
                </li>
            </ul>
            <div class="custom-search hidden-sm hidden-xs">
                <input type="text" class="search-query" placeholder="Search here ...">
                <i class="fa fa-search"></i>
            </div>
        </div>
        <!-- Sub Nav End -->

        <!-- Dashboard Wrapper Start -->
        <div class="dashboard-wrapper">
            <!-- Row Start -->
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="widget">
                        <div class="widget-body">
                            <div id="dt_example1" class="example_alt_pagination">
                                <div class="row">
                                    <div class="col-xs-6"> 项目&nbsp;<select  style="width: 80% ;height: 30px" >
                                        <option>翡翠绿洲一期</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                    </select></div>
                                    <div class="col-xs-6">
                                        视图 &nbsp;
                                        <select  style="width: 80% ;height: 30px" >
                                            <option>激活的账单</option>
                                            <option>2</option>
                                            <option>3</option>
                                            <option>4</option>
                                            <option>5</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="widget-header" id="sda">
                            <div style="height: 10px;" >
                                <strong>快速查询</strong>
                            </div>
                        </div>
                        <div class="widget-body">
                            <div id="dt_example" class="example_alt_pagination">
                                <div class="row">
                                    <div class="col-xs-5"> 查账按&nbsp;&nbsp;<select  style="width: 80% ;height: 30px" >
                                        <option>房间</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                    </select></div>
                                    <div class="col-xs-5">
                                        关键字 &nbsp;
                                        <input type="text" style="width:60%;height: 30px">
                                    </div>
                                    <div class="col-xs-2">
                                        <button type="submit"class="btn btn-primary" style="height: 30px;width: 80% ;padding: 0px" >查找</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="widget">
                        <div class="widget-header">
                            <div class="title">
                                所有激活的账单<a id=""></a>
                            </div>
                            <div  style="float:right"><span style="font-weight:bold"><a id="parentIframe"> </a> </span> </div>
                        </div>
                        <div class="widget-body" style="padding: 0px">
                            <div  class="example_alt_pagination">
                                <table width="39%" class="table table-striped">
                                    <thead>
                                    <tr>
                                        <th width="9%" style="width:9%; height: 10%" >
                                            序号
                                        </th>
                                        <th width="20%" style="width:20%">房间</th>
                                        <th width="16%" style="width:16%"><span style="width:20%">客户名称 </span></th>
                                        <th width="15%" class="hidden-phone" style="">
                                            协议编号</th>
                                        <th width="7%" class="hidden-phone" style="">
                                            签署日期</th>
                                        <th width="8%" class="hidden-phone" style="">
                                            协议总价
                                        </th>
                                        <th width="8%" class="hidden-phone" style="">
                                            付款方式
                                        </th>
                                        <th width="11%" class="hidden-phone" style="width:10%">
                                            业务员
                                        </th>
                                        <th width="6%" class="hidden-phone" style="">
                                            是否认购
                                        </th>

                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="gradeX warning">
                                        <td>
                                            1
                                        </td>
                                        <td>
                                            翡翠绿洲一期</td>
                                        <td>成平亿</td>
                                        <td class="hidden-phone">pc123544444456</td>
                                        <td class="hidden-phone">2017-02-13</td>
                                        <td class="hidden-phone">
                                            600，212.00</td>
                                        <td class="hidden-phone">
                                            商业贷款</td>
                                        <td class="hidden-phone">
                                            王亮</td>
                                        <td class="hidden-phone">
                                            认购</td>
                                    </tr>
                                    <tr class="info">
                                        <td>
                                            2
                                        </td>
                                        <td>翡翠绿洲二期</td>
                                        <td>李四</td>
                                        <td >&nbsp;</td>
                                        <td><span class="hidden-phone">2017-02-13</span></td>
                                        <td ><span class="hidden-phone">600，212.00</span></td>
                                        <td><span class="hidden-phone">商业贷款</span></td>
                                        <td><span class="hidden-phone">莉莉</span></td>
                                        <td><span class="hidden-phone">认购</span></td>
                                    </tr>
                                    <tr class="danger">
                                        <td>3</td>
                                        <td>翡翠绿洲三期</td>
                                        <td>
                                            王五</td>
                                        <td >&nbsp;</td>
                                        <td><span class="hidden-phone">2017-02-13</span></td>
                                        <td ><span class="hidden-phone">600，212.00</span></td>
                                        <td><span class="hidden-phone">商业贷款</span></td>
                                        <td><span class="hidden-phone">王亮</span></td>
                                        <td><span class="hidden-phone">认购</span></td>
                                    </tr>
                                    <!--地方水水水水水水水水水水-->
                                    <tr class="gradeX warning">
                                        <td>4</td>
                                        <td>翡翠绿洲四期</td>
                                        <td>老王</td>
                                        <td class="hidden-phone">&nbsp;</td>
                                        <td class="hidden-phone">2017-02-13</td>
                                        <td class="hidden-phone">600，212.00</td>
                                        <td class="hidden-phone">商业贷款</td>
                                        <td class="hidden-phone">王亮</td>
                                        <td class="hidden-phone">认购</td>
                                    </tr>
                                    <tr class="info">
                                        <td>5</td>
                                        <td>翡翠绿洲无期</td>
                                        <td>小王</td>
                                        <td >&nbsp;</td>
                                        <td><span class="hidden-phone">2017-02-13</span></td>
                                        <td ><span class="hidden-phone">600，212.00</span></td>
                                        <td><span class="hidden-phone">商业贷款</span></td>
                                        <td><span class="hidden-phone">王亮</span></td>
                                        <td><span class="hidden-phone">认购</span></td>
                                    </tr>
                                    <tr class="danger">
                                        <td>6</td>
                                        <td>翡翠绿洲六期</td>
                                        <td>老李</td>
                                        <td >&nbsp;</td>
                                        <td><span class="hidden-phone">2017-02-13</span></td>
                                        <td ><span class="hidden-phone">600，212.00</span></td>
                                        <td><span class="hidden-phone">商业贷款</span></td>
                                        <td><span class="hidden-phone">王亮</span></td>
                                        <td><span class="hidden-phone">认购</span></td>
                                    </tr>
                                    <tr class="gradeX warning">
                                        <td>7</td>
                                        <td>翡翠绿洲七期</td>
                                        <td>小李</td>
                                        <td class="hidden-phone">&nbsp;</td>
                                        <td class="hidden-phone">2017-02-13</td>
                                        <td class="hidden-phone">600，212.00</td>
                                        <td class="hidden-phone">商业贷款</td>
                                        <td class="hidden-phone">王亮</td>
                                        <td class="hidden-phone">认购</td>
                                    </tr>
                                    <tr class="info">
                                        <td>8</td>
                                        <td>翡翠绿洲八期</td>
                                        <td>周莉莉</td>
                                        <td >&nbsp;</td>
                                        <td><span class="hidden-phone">2017-02-13</span></td>
                                        <td ><span class="hidden-phone">600，212.00</span></td>
                                        <td><span class="hidden-phone">商业贷款</span></td>
                                        <td><span class="hidden-phone">王亮</span></td>
                                        <td><span class="hidden-phone">认购</span></td>
                                    </tr>
                                    <tr class="danger">
                                        <td>9</td>
                                        <td>翡翠绿洲九u期</td>
                                        <td>李丽丽</td>
                                        <td >&nbsp;</td>
                                        <td><span class="hidden-phone">2017-02-13</span></td>
                                        <td ><span class="hidden-phone">600，212.00</span></td>
                                        <td><span class="hidden-phone">商业贷款</span></td>
                                        <td><span class="hidden-phone">王亮</span></td>
                                        <td><span class="hidden-phone">认购</span></td>
                                    </tr>
                                    <tr class="gradeX warning">
                                        <td>10</td>
                                        <td>翡翠绿洲十期</td>
                                        <td>小平</td>
                                        <td class="hidden-phone">&nbsp;</td>
                                        <td class="hidden-phone">2017-02-13</td>
                                        <td class="hidden-phone">600，212.00</td>
                                        <td class="hidden-phone">商业贷款</td>
                                        <td class="hidden-phone">王亮</td>
                                        <td class="hidden-phone">认购</td>
                                    </tr>
                                    <tr class="info">
                                        <td>11</td>
                                        <td>翡翠绿洲十一期</td>
                                        <td>王明</td>
                                        <td >ad21323651916</td>
                                        <td><span class="hidden-phone">2017-02-13</span></td>
                                        <td ><span class="hidden-phone">600，212.00</span></td>
                                        <td><span class="hidden-phone">商业贷款</span></td>
                                        <td><span class="hidden-phone">王亮</span></td>
                                        <td><span class="hidden-phone">认购</span></td>
                                    </tr>
                                    <tr class="danger">
                                        <td>12</td>
                                        <td>翡翠绿洲十二期</td>
                                        <td>小库</td>
                                        <td >cf16516984978</td>
                                        <td><span class="hidden-phone">2017-02-13</span></td>
                                        <td ><span class="hidden-phone">600，212.00</span></td>
                                        <td><span class="hidden-phone">商业贷款</span></td>
                                        <td><span class="hidden-phone">王亮</span></td>
                                        <td><span class="hidden-phone">认购</span></td>
                                    </tr>

                                    <!--sadddddddddddddd-->
                                    </tbody>
                                </table>



                                <div class="clearfix">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>







        </div>
        <!-- Dashboard Wrapper End -->

        <footer>
            <p>© BlueMoon 2013-14</p>
        </footer>

    </div>
</div>

<!-- Main Container end -->

<script src="js/wysi/wysihtml5-0.3.0.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wysi/bootstrap3-wysihtml5.js"></script>
<script src="js/jquery.scrollUp.js"></script>


<!-- Color Picker -->
<script src="js/color-picker/jquery.minicolors.js"></script>

<!-- Custom JS -->
<script src="js/menu.js"></script>
<!-- Custom JS -->
<script src="js/menu.js"></script>

<script type="text/javascript">
    //ScrollUp
    $(function () {
        $.scrollUp({
            scrollName: 'scrollUp', // Element ID
            topDistance: '300', // Distance from top before showing element (px)
            topSpeed: 300, // Speed back to top (ms)
            animation: 'fade', // Fade, slide, none
            animationInSpeed: 400, // Animation in speed (ms)
            animationOutSpeed: 400, // Animation out speed (ms)
            scrollText: 'Top', // Text for element
            activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
        });
    });

    //Tooltip
    $('a').tooltip('hide');

    //Popover
    $('.popover-pop').popover('hide');

    //Dropdown
    $('.dropdown-toggle').dropdown();

</script>

<script>

    $('#parentIframe').on('click', function(){
        layer.open({
            type: 2,
            skin: 'layui-layer-lan',
            title: '选择机会',
            fix: false,
            shadeClose: true,
            maxmin: true,
            area: ['1200px', '770px'],
            content: '5.6.1新增.html',
        });
    });

</script>


</body>
</html>